<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网 - 淘！我喜欢</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./font/fonts/font-awesome.min.css">
    <!-- 网页logo -->
    <link rel="shortcut icon" href="./img/wylogo.png">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3019949_e50hxp8nm5.css">
</head>
<body>
<div id="top_bar">
    <div id="top_left">
        <img src="./img/logo.png" alt="淘宝">
    </div>
    <div id="top_right">
        <a href="javascript:;">
            <i class="iconfont icon-xinxi"></i>
            <span>"登录页面"改进建议</span>
        </a>
    </div>
</div>
<div id="center">
    <div id="login">
        <div id="login_top">
            <a href="javascript:;">密码登录</a>
            <a href="javascript:;">短信登录</a>
        </div>
        <hr style="display: inline-block; width: 65px; background-color: black; height: 2px;">
        <div id="login_center">
            <form action="#">
                <p>
                    <i class="iconfont icon-lianxiren"></i>
                    <input type="text" placeholder="会员名/邮箱/手机号">
                </p>
                <p>
                    <i class="iconfont icon-suo"></i>
                    <input type="password" placeholder="请输入登录密码">
                </p>

            </form>
        </div>
        <a href="index.html">
            <button id="btn">
                登录
            </button>
        </a>

        <div id="login_bottom">
            <div id="login_left">
                <p>
                    <a href="#">
                        <i class="iconfont icon-weibo"></i>
                        微博登录
                    </a>
                </p>
                <p>
                    <a href="#">
                        <i class="iconfont icon-zhifubao"></i>
                        支付宝登录
                    </a>
                </p>

            </div>
            <div id="login_right">
                <p class="Cur_date">@2020-2021</p>
                <p>
                    <a href="#">忘记密码</a>
                </p>
                <p>
                    <a href="#">忘记用户名</a>
                </p>
                <p>
                    <a href="register.html">免费注册</a>
                </p>
            </div>
        </div>
    </div>
</div>
</body>
</html>